.process-designer-container {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;

  .process-designer {
    flex: 1;
    height: 100%;
  }

  .bpmn-properties-panel {
    width: 250px;
    background-color: #f5f5f5;
  }

  .button-container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    flex-direction: row; // 修改: 将按钮排列方向改为左右排列
    gap: 10px;

    button {
      background-color: #28a745; // 修改: 设置按钮为绿色
      color: #ffffff; // 修改: 设置按钮文字颜色为白色
      border: none;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer; // 鼠标样式为手型

      &:hover {
        background-color: #218838; // 修改: 设置按钮悬停时的颜色
      }
    }
  }
}